<template>
	<view class="loginBox pT25 pL15 pR15">
		<view class="font24 bold flex jst-between alg-center relative z-index10">
			<view>
				<u-image mode="widthFix" :width="340" :height="57" :src="resources.jjrrz5"></u-image>
				<view class="font14 line40" style="color: #00396A;">成为经纪人</view>
			</view>
			<view class="">
				<u-image :width="298" :height="238" :src="resources.jjrrz4"></u-image>
			</view>
		</view>
		<view class="bgItem relative z-index20" style="margin-top: -20rpx;">
			<view class="flex pT15 pB15  mL15 mR15 jst-between alg-center ">
				<view>
					<view class="font18 bold">为什么成为经纪人</view>
					<view class="font14 u-6 mT5">添加介绍成功，获得佣金</view>
				</view>
				<image class="imgW82" :src="resources.jjrrz1" mode=""></image>
			</view>
		</view>
		<view class="bgItem">
			<view class="flex pT15 pB15  mL15 mR15 jst-between alg-center mT15">
				<view>
					<view class="font18 bold">成为经纪人的好处</view>
					<view class="font14 u-6 mT5">添加介绍成功，获得佣金</view>
				</view>
				<image class="imgW82" :src="resources.jjrrz2" mode=""></image>
			</view>
		</view>
		<view class="bgItem">
			<view class="flex pT15 pB15 mL15 mR15  jst-between alg-center mT15">
				<view>
					<view class="font18 bold">需要怎么做</view>
					<view class="font14 u-6 mT5">添加企业/个人介绍成功，可获得佣金</view>
				</view>
				<image class="imgW82" :src="resources.jjrrz3" mode=""></image>
			</view>
		</view>
		<view class="font17 mT15 mB10 bold">成为经纪人须知</view>
		<view class="bgItem">
			<view class="flex pT15 pB15 font15 mL15 mR15  jst-between alg-center mT15">
			  <view class="" v-html="info"></view>
			</view>
		</view>
		<view class="btnRz" @click="xf.onlineUtils.route(`pages/economicPage/subpackge/rzStart/jrrz`)">立即认证</view>
	</view>
</template>

<script>
	import {getXy} from "@/api/userInterface/user.js"
	export default {
		data() {
			return {
				info:""
			}
		},
		onShow() {
			getXy({agreement:"JJRRZXZ"}).then(res=>{
				this.info=res.result.content;
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
   page {
   	min-height: 100%;
   	background: linear-gradient(0deg, #F8FAFF, #EBFCFF);
   }
</style>
<style scoped lang="scss">
 .bgItem{
	 // width: 702rpx;
	 // height: 168rpx;
	 background: #FFFFFF;
	 border-radius: 20rpx 20rpx 20rpx 20rpx;
	 margin-left: auto;
	 margin-right: auto;
 }
 .btnRz{
	 width: 670rpx;
	 height: 100rpx;
	 cursor: pointer;
	 font-size: 32rpx;
	 text-align: center;
	 line-height: 100rpx;
	 margin:60rpx auto ;
	 background: #00A0C6;
	 color: #fff;
	 border-radius: 30rpx 30rpx 30rpx 30rpx;
 }
</style>
